<!DOCTYPE html>
<html lang="en">

<head>
  <title>My BCIT Project</title>
  <meta name="comp2800 template" content="My 2800 App">

  <!------------------------>
  <!-- Required meta tags -->
  <!------------------------>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!------------------------------------------>
  <!-- Bootstrap Library CSS JS CDN go here -->
  <!------------------------------------------>
  <link rel="stylesheet" href="./assets/css/style.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
    </script>

  <!-------------------------------------------------------->
  <!-- Firebase 8 Library related CSS, JS, JQuery go here -->
  <!-------------------------------------------------------->
  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

  <!-------------------------------------------->
  <!-- Other libraries and styles of your own -->
  <!-------------------------------------------->
  <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
  <link rel="stylesheet" href="./styles/style.css">
  <link rel="stylesheet" href="./styles/contact.css">
  <style>
    @font-face {
      font-family: 'Font1';
      src: url('./fonts/Conther-2.ttf') format('TrueType'),
        /* 支持现代浏览器 */

        /* 可以添加更多字体格式，以提高兼容性 */
    }

    @font-face {
      font-family: 'Font2';
      src: url('./fonts/SankeiCutePopanime-2.ttf') format('TrueType'),
        /* 支持现代浏览器 */

        /* 可以添加更多字体格式，以提高兼容性 */
    }

    @font-face {
      font-family: 'Font3';
      src: url('./fonts/Crystal-Regular-2.ttf') format('TrueType'),
        /* 支持现代浏览器 */

        /* 可以添加更多字体格式，以提高兼容性 */
    }
    @font-face {
      font-family: 'Font4';
      src: url('./fonts/HFPuff-2.ttf') format('TrueType'),
        /* 支持现代浏览器 */

        /* 可以添加更多字体格式，以提高兼容性 */
    }
  </style>

</head>

<body>
  <!------------------------------>
  <!-- Your HTML Layout go here -->
  <!------------------------------>
  <div id="g-pointer-1"></div>
  <div id="g-pointer-2"></div>
  <div class="container">
    <!-- our own navbar goes here -->



    <br /><br /><br /><br /><div class="text-center">
    <p class="lead">Food • Healthy • Life</p>
    <p class="lead">Food Travel</p>
    <p class="lead"> Production Team</p>
    <p class="lead">DG9-6</p>
    <p class="lead">Peng Luo • Cai Xiaoqi • Yao Xiaoyin<br/>Wang Yuanzhuo • Wu Mantao </p>
    <p class="lead">Contact with WeChat<br/> </p>
    <div class="row row-cols-1 row-cols-md-3 g-4">
      <div class="col">
        <div class="card">
          <img src="./images/pl.png" class="card-img-top" alt="...">
          
        </div>
      </div>
      <div class="col">
        <div class="card">
          <img src="./images/cxq.jpg" class="card-img-top" alt="...">
          
        </div>
      </div>
      <div class="col">
        <div class="card">
          <img src="./images/yxy.png" class="card-img-top" alt="...">
         
        </div>
      </div>
      <div class="col">
        <div class="card">
          <img src="./images/wyz.jpg" class="card-img-top" alt="...">
          
        </div>
      </div>
      <div class="col">
        <div class="card">
          <img src="./images/wmt.jpg" class="card-img-top" alt="...">
          
        </div>
      </div>
   
    </div>
    <br/>
    <!-- our own cotent is here -->
    <section class="py-5 text-center container">

      <div class="row py-lg-5">
        
     
        <div class="col-lg-6 col-md-8 mx-auto">
   
          <svg viewBox="0 0 400 200">
            <text x="0" y="70%" id="timelinetext"> Contact us </text>
          </svg>	
          <div id="g-scroll"></div>
        </div>
      </div>
    </section>
    <br />
    



  <!-- the body of your page goes here -->
  <!-- stuff -->

  <!-- our own footer goes here-->


  <!---------------------------------------------->
  <!-- Your own JavaScript functions go here    -->
  <!---------------------------------------------->

  <!-- <script src="./scripts/script.js"></script> -->

  <script src="./scripts/logout.js"></script>
  <script src="./assets/js/scripts.js"></script>
  <!-- <script>
        logout();
    </script> -->
  <script src="./scripts/skeleton.js"></script>
</body>

</html>